<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Element</title>

<script src="js/3rd/jquery-1.6.2.min.js" ></script>
<script src="js/3rd/jquery-ui-1.8.16.custom.min.js" ></script>
<script src="js/3rd/jquery.cookie.js" ></script>



<script>


$.ready =function()
{
	$("input").TextMask("Comment here", "Remove comment");	
};	
	
(function($) {

	$.fn.TextMask = function(initial, empty){
		$v = $("<span></span>").
		html(initial).
		css('position', 'absolute').
		css('left', "15px").
		css('top', "10px");
		
		$(this).after($v)
		
		.keyup(function(e)
		{
			if($(this).val().length == 0 && empty != 'undefined')
			{
				$v.html(empty);
				$v.show();
			}
			else
				$v.hide();
		})
		.focus(function()
		{
			$v.hide();				
		})
		.blur(function()
		{
			if($(this).val().length == 0)
			{
				$v.html(initial);
				$v.show();				
			}
		});
	}

})(jQuery);


	

</script>


<head>

<body>

<input id="a" />

</body>
</html>


